<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Electronix Store</title>

<link href="<c:url value="/css/login_style.css" />" rel="stylesheet" type="text/css">
<link href="<c:url value="/css/animate-custom.css" />" rel="stylesheet" type="text/css">
<link href="<c:url value="/css/style.css" />" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/boxOver.js"></script>
</head>
<body>

	<div id="main_container">

		<%@include file="../templates/header.jsp"%>

		<div id="main_content">

			<%@include file="../templates/top.jsp"%>
			
			<%@include file="../templates/crumb_navigation.jsp"%>

			<!-- end of menu tab -->

			<%@include file="../templates/left.jsp"%>

			<!-- end of left content -->

<%
	String successMessage = (String) request.getAttribute("successMessage");
	String errorMessage = (String) request.getAttribute("errorMessage");
%>

<div class="center_content">
	<div class="center_content">
          <div class="container">
            <!-- Codrops top bar -->
                <div id="container_demo" >
                    <div id="wrapper" style="min-height: 300px">
                        <div id="login" class="animate form">
                            <form  action="addCategory" method="POST" autocomplete="on"> 
                                <h1>Add Category</h1> 
                                <%
                                	if(successMessage != null){
                                %>
                                	<div class="alert-success"> 
										<%= successMessage%>
									</div>
                                <%		
                                	}
                                %>
                                 <%
                                	if(errorMessage != null){
                                %>
                                	<div class="alert-error"> 
										<%= errorMessage%>
									</div>
                                <%		
                                	}
                                %>
                                <p> 
                                    <label for="category_name" class="uname" data-icon="u" > Category Name </label>
                                    <input id="category_name" name="category_name" required="required" type="text"/> 
                                </p>
                                <p class="login button"> 
                                    <input type="submit" value="Add" /> 
								</p>
                                <p class="change_link">
									&nbsp;
								</p>
                            </form>
                        </div>
                    </div>
                </div>  
        </div>
	</div>
</div>









	

			<!-- end of center content -->

			<%@include file="../templates/right.jsp"%>

			<!-- end of right content -->
		</div>
		<!-- end of main content -->

		<%@include file="../templates/footer.jsp"%>

	</div>

</body>
</html>